<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>

<!DOCTYPE html>
<html>
<head>
	<%@include file="../include_new.jsp"%>
	<style type="text/css">
		html, body, #t_layout{height:100%;}/*占满高度*/
		#t_layout{margin-left:0; margin-right:0;}
		#t_north{padding:0;}
		#t_north .navbar{border-radius:0; margin-bottom:0;}
		#t_north .navbar-brand{}
		#t_north .navbar-nav>li>a{color:#fafafa;}
		#t_east{height: calc(100% - 46px); padding:0;}
		#t_east iframe{width:100%; height:100%; border:none;}
	</style>
</head>
<body id="z_body" class="main_body">

<div id="t_layout" class="row">

	<div class="col-xs-12" id="t_north">
		<nav class="navbar navbar-inverse" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">${webTitle}</a>
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						${menusHtml}
					</ul>
					<ul class="nav navbar-nav navbar-right">
					
						<li>
							<a><i class="icon icon-user"></i> <shiro:principal/></a>
						</li>
					
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown"><i class="icon icon-th-large"></i> <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu">
								<li><a data-toggle="modal" data-width="400" data-height="300" data-iframe="../main/toSetSkin.do">设置皮肤</a></li>
								<li><a data-toggle="modal" data-width="400" data-height="300" data-iframe="../main/toSetFontSize.do">设置字体</a></li>
							</ul>
						</li>
						
						<li><a onclick="myzui.confirm('确认退出?',function(){location='../sys/logout';});"><i class="icon-signout"></i> 退出</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</div>

	<div class="col-xs-12" id="t_east">
		<iframe id="iframe_1" name="iframe_1" src="../main/home"></iframe>
	</div>
	
</div>

<script type="text/javascript">
	function hideMenu() {
		$("body").click();
	}
</script>

</body>
</html>